﻿<!DOCTYPE html>
<html class="no-js" lang="zxx">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Gixco</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <!-- FontAwesome -->
      <link rel="stylesheet" href="assets/css/all.css">
      <!-- Bootstrap v4.3.1 -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet">
      <!-- Global CSS -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- Jquery ui -->
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <!-- Responsive Menu CSS -->
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="assets/css/styles.css">
   </head>
   <body>
      <div class="container">
         <header class="header">
            <div class="topcontain">
               <div class="row">
                  <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                     <div class="logo">
                        <a href="index.html"><img src="logo.png" alt="Logo" /></a>
                     </div>
                  </div>
                  <div class="col-xl-5 col-lg-3 col-md-2 col-sm-12">
                     <div class="menubar">
                        <nav id="mobile-menu">
                           <ul>
                              <li>
                                 <a href="index.html">首页</a>
                              </li>
                              <li>
                                 <a href="chanpin.html">产品</a>
                              </li>
                              <li>
                                 <a href="about.html">关于</a>
                              </li>
                              <li>
                                 <a href="blog.html">博客</a>
                              </li>
                              <li><a href="contact.html">联系我们</a></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-6 col-md-7 col-sm-12">
                     <div class="head_right">
                        <div class="login_bar">
                           <ul>
                              <li><a href="login.html">请登录</a></li>
                              <li><a href="register.html">没有账号?</a></li>
                              <li class="user"><a href="login.html"><i class="fas fa-user"></i></a></li>
                              <li class="search">
                                 <a href="#"><i class="fas fa-search"></i></a>
                                 <div class="search_bar">
                                    <form>
                                       <input type="text" name="search" placeholder="Search">
                                       <span class="search_icon"><i class="fas fa-search"></i></span>
                                    </form>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 d-xl-none">
                     <div class="mobile-menu"></div>
                  </div>
               </div>
            </div>
         </header>
         <div class="about-page">
            <div class="breadcrumb-area">
               <ul>
                  <li><a href="index.html">首页</a></li>
                  <li><span>关于我们</span></li>
               </ul>
            </div>           
            <h2 class="page-title">公司简介</h2>
            <div class="our-story">
               <h3 class="about-title">我们的故事</h3>
               <div class="story-para">
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.
                  Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.Note that dynamic tabbed interfaces should not contain dropdown menus, as this causes both usability and accessibility issues.</p>
               </div>
            </div> 
            <div class="our-promise">
               <h3 class="about-title">我们的承诺</h3>
               <div class="row">
                  <div class="col-lg-6">
                     <div class="promise-left">
                        <img src="assets/images/promise.jpg" alt="Image">
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="promise-right">
                        <div class="promise">
                           <div class="promise-icon">
                              <i class="fas fa-shopping-cart"></i>
                           </div>
                           <div class="promise-content">
                              <h5>最大的不同</h5>
                              <p>我们为客户提供价值连城的产品</p>
                           </div>
                        </div> 
                        <div class="promise">
                           <div class="promise-icon">
                              <i class="fas fa-trophy"></i>
                           </div>
                           <div class="promise-content">
                              <h5>最佳价格</h5>
                              <p>我们为客户提供价值连城的产品</p>
                           </div>
                        </div> 
                        <div class="promise">
                           <div class="promise-icon">
                              <i class="fas fa-mobile-alt"></i>
                           </div>
                           <div class="promise-content">
                              <h5>缓解和速度</h5>
                              <p>我们为客户提供价值连城的产品</p>
                           </div>
                        </div> 
                        <div class="promise">
                           <div class="promise-icon">
                              <i class="fas fa-truck"></i>
                           </div>
                           <div class="promise-content">
                              <h5>快速交货</h5>
                              <p>我们为客户提供价值连城的产品</p>
                           </div>
                        </div> 
                        <div class="promise">
                           <div class="promise-icon">
                              <i class="fas fa-lock"></i>
                           </div>
                           <div class="promise-content">
                              <h5>100%的保护</h5>
                              <p>我们为客户提供价值连城的产品</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>   
            <div class="our-mission">
               <h3 class="about-title">我们的使命</h3>
               <div class="row">
                  <div class="col-lg-6">
                     <div class="mission-left">
                        <img src="assets/images/mission.jpg" alt="Image">
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="mission-right">
                        <h3>我们的使命是帮助带来创意项目</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit.
                        </p>
                        <p>Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                        <p>Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.Note that dynamic tabbed interfaces should not contain dropdown menus, as this causes both usability and accessibility issues.</p>                         
                     </div>                    
                  </div>
               </div>
            </div>          
         </div>
      </div>
      <footer>
         <div class="container">
            <div class="footer-area">
               <div class="footer-content">
                  <ul>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">隐私和政策</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>关于我们</p>
                        <ul>
                           <li><a href="#">新闻</a></li>
                           <li><a href="#">工作室</a></li>
                           <li><a href="#">展厅</a></li>
                           <li><a href="#">条款和条件</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>社交媒体</p>
                        <ul>
                           <li><a href="#">腾讯qq</a></li>
                           <li><a href="#">新浪微博</a></li>
                           <li><a href="#">微信</a></li>
                           <li><a href="#">钉钉</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">联系我们</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               <div class="copyright-area">
                  <div class="copyright">
                     <p>Copyright &copy; 2019 by Themehum</p>
                  </div>
                  <div class="social">
                     <ul>
                        <li>
                           <p>Connect with us:</p>
                        </li>
                        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div id="top"><i class="fas fa-arrow-up"></i></div>
         </div>
         <!-- Global JS -->
         <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
         <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="assets/js/popper.min.js"></script>        
         <script src="assets/js/plugins.js"></script>
         <script src="assets/js/bootstrap.min.js"></script>
         <script src="assets/js/jquery-ui.js"></script>          
         <script src="assets/js/jquery.meanmenu.min.js"></script>
         <!-- Isotope JS -->
         <script src="assets/js/isotope.pkgd.min.js"></script>
         <script src="assets/js/imagesloaded.pkgd.min.js"></script>
         <!-- Custom JS -->
         <script src="assets/js/main.js"></script>
         <!-- Google Map JS -->
         <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
         <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
         <script>
            
            
         </script>
         
         <!-- Countdown Timer Script -->
         <script src="assets/js/timer.js"></script>
      </footer>
   </body>
</html>
